<h1></h1><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/reset.css" type="text/css"  rel="stylesheet" />
<link href="css/style.css" type="text/css"  rel="stylesheet" />
<title>菜谱点餐</title>
</head>

<body>
<header>
	<a href="#" class="return"><img src="img/return.png" /></a>
    <p class="switch"><a href="Order meal.html">快速点餐</a><a href="#" class="selected">菜谱点餐</a></p>
</header>
<a href="My menu.html" class="amount">
	已点<span>3</span>
</a>
<ul class="classes">
	<li>主厨推荐</li>
    <li class="choosed">招&nbsp;牌&nbsp;菜<span class="sub">3</span></li>
  	<li>新品推荐</li>
  	<li>经典热菜</li>
  	<li>正宗川菜</li>
  	<li>水产海鲜</li>
  	<li>精品小食</li>
  	<li>精美凉菜</li>
  	<li>主&nbsp;&nbsp;&nbsp;&nbsp;食</li>
  	<li>面&nbsp;&nbsp;&nbsp;&nbsp;食</li>
    <li>酒水饮料</li>
</ul>
<ul class="dishes">
        	<li>
            	<img src="img/food_01.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
           <li>
            	<img src="img/food_02.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
           <li>
            	<img src="img/food_03.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
           <li>
            	<img src="img/food_01.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
           <li>
            	<img src="img/food_01.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
           <li>
            	<img src="img/food_01.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
           <li>
            	<img src="img/food_01.png"/>
                <h4>梅菜扣肉</h4>
                <p class="price">28.0元/份</p>
                <p class="discount"><span>折扣价</span>26.0元/份</p>
                <a href="#" class="add"><img src="img/add.png" /></a>
           </li>
        </ul>
<div class="footer-space"></div>  
<footer>
	<ul>
    	<li><a href="begin theatrical performance.html"><img src="img/footer_1.png" /><p class="cur">台 况</p></a></li>
        <li><a href="bill.html"><img src="img/footer_02.png" /><p>账 单</p></a></li>
    	<li><a href="call out.html"><img src="img/footer_03.png" /><p>呼 叫</p></a></li>
        <li><a href="more.html"><img src="img/footer_4.png" /><p>更 多</p></a></li>
    </ul>    
</footer>
</body>
</html>
